@using CommonApp.Models

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div id="operation" class="ui-tabs">
    <ul class="ui-tabs-nav ui-widget-header ui-corner-all">
        @foreach (OperationStep step in ViewBag.Steps)
        {
            if (ViewBag.ActiveStep.Equals(step))
            {
                <li id="@step.Uid" class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="@step.GoTo">@step.Name</a></li>
            }
            else
            {
                <li id="@step.Uid" class="ui-state-default ui-corner-top @if (!step.IsVisible)
                                                          {
                                                              <text>invisible</text>
                                                          }"><a href="@step.GoTo">@step.Name</a></li>
            }
        }
    </ul>

    <div>
        @RenderBody()
    </div>
</div>

@section script {
    <script src="@Url.Content("~/Scripts/operationStepScript.js")" type="text/javascript"></script>
    @RenderSection("cardsScript", false)
    @RenderSection("statementScript", false)
}

@section css {
    <link href="@Url.Content("~/Content/OperationStepStyles.css")" rel="stylesheet" type="text/css" />
}
